﻿/*------------------------------- BEGIN MASTER PAGE CSS ----------------------------------*/
body { margin: 0px; font-size: 12px; font-family: Arial; color: Black; margin: 20px; text-align: center; background: white; }
.Header { margin: 0px auto 0px auto; width: 900px; float: none; text-align: center; }
.Footer { margin: 0px; margin: 0px auto 0px auto; width: 900px; height: 40px; }
.Header .MenuHolder { margin: 0px; float: left; width: 50px; height: auto; font-weight: bold; font-size: 10px; margin-right: 20px; }
span.QuickLinks { float: none; padding: 6px; width: 35%; color: #55517B; margin: 3px; clear: both; }
.Header .MenuHolder img { margin: 0px; margin-bottom: 3px; border: 0px; }
a:link, a, a:visited { margin: 0px; text-decoration: none; color: Black; }
a:hover { color: #6F2C3E; }
.container { margin: 0px; width: 900px; height: auto; margin-left: auto; margin-right: auto; }
.home-content { margin: 0px; width: 900px; height: auto; margin-top: 10px; margin-bottom: 20px; }
.ThemeContainer { text-align: left; width: 900px; }
.AdminTitle { font-weight: bold; float: left; margin-top: 3px; color: #FFFFFF; }
/*-------------------------------- END MASTER PAGE CSS ----------------------------------*/

/*-------------------------------- START AARON CSS ----------------------------------*/

/* Object page title Css */

/* This is the container for all of the div classes to do with searching for an object below*/
.ObjectSearchTitleContainer { margin-bottom: 10px; padding-bottom: 10px; margin-top: 8px; }

/*These items prefixed with the name 'ObjectSearch' are kept within the ObjectSearchTitleContainer*/
.ObjectSearchLabelContainer { width: 250px; float: left; font-family: Arial, Sans-Serif; font-size: 14px; padding: 3px 0px 0px 15px; color: #FFFFFE; }

.ObjectSearchTextBoxContainer { float: left; }
.ObjectSearchImageButtonContainer { width: 100px; float: left; padding: 4px 0px 0px 15px; }
.ObjectSearchXRCBNewObjectContainer { /*width: 200px;     float: left;     padding-bottom:10px;*/ padding-right: 10px; }

/* Other object page items */

/* Kept within the Object Search TextBox*/
.TextBoxObjectSearch { width: 300px; font-family: Arial, Sans-Serif; font-size: 12px; }

.XRCBNewObject { }
.LabelObjectSearchResultsNotification { }
.XRCObjectSearchResultsGridviewContainer { }
.LabelObjectSearchResultsMessage { font-family: Arial, Sans-Serif; color: #FFFFFF; font-size: 12px; }

/* GridViewObjectSearchResults Css */
.GridViewObjectSearchResultsHeader { font-weight: bold; color: #FFFFFF; }
.GridViewObjectSearchResultsFooter { }
.GridViewObjectSearchResultsRow { background-color: #E2DED6; font-weight: bold; color: #333333; }
.GridViewObjectSearchResultsAlternatingRow { background-color: #FFFFFF; color: #333333; }
.GridViewObjectSearchResultsEditRow { }
.GridViewObjectSearchResultsSelectedRow { background-color: #E2DED6; font-weight: bold; color: #333333; }

.ModalPopup_LabelAndControlContainer { width: 700px; margin-bottom: 5px; }
.ModalPopup_LabelContainer { float: left; color: #333333; width: 106px; font-weight: bold; text-align: left; padding-top: 3px; margin-left: 10px; }
.ModalPopup_ControlContainer { float: left; color: #333333; width: 450px; font-weight: bold; margin-left: 5px; text-align: left; }
.ModalPopup_ExtraControlContainer { float: left; color: #333333; width: 70px; margin-left: 10px; }
.ModalPopup_ExtraControlSubContainer { float: left; color: #333333; width: 33px; }

.ModalPopup_DropDownList { width: 330px; margin-left: 5px; }
.ModalPopup_TextBox { width: 324px; }

.ModalPopup_DescriptionTextBox { width: 424px; height: 100px; }
.ModalPopup_Attachments { width: 300px; }

.ModalPopup_TextBoxMedium { width: 300px; }
.ModalPopup_TextBoxShort { width: 230px; }

.ModalPopup_ListBoxShort { border-style: none; width: 235px; margin-left: 5px; }
.ModalPopup_Calendar { padding-left: 5px; }
.ModalPopup_HyperLink { margin-left: 15px; color: #FFFFFF; padding-bottom: 5px; }
.ModalPopup_HyperLinkListBox { background-color: #8BABA1; border-style: none; border: 0px none #8BABA1; margin-left: 5px; width: 305px; }

/* New search person Css*/

/* New search person container Css*/
.InnerSearchInputContainer { width: 280px; }
.InnerSearchResultsContainer { width: 278px; }

/* A line with a label and a value side-by-side within the search input container*/
.InnerSearchInputLine { width: 276px; margin-bottom: 5px; padding-left: 2px; }
.InnerSearchInputLabel { width: 100px; float: left; text-align: left; padding-top: 5px; font-family: Arial,Sans-Serif; font-size: 12px; color: White; }
.InnerSearchInputValue { width: 168px; float: left; text-align: right; font-family: Arial,Sans-Serif; font-size: 12px; }

/*A label with the text box underneath within the search input container*/
.InnerSearchLabelInput { width: 278px; text-align: left; font-family: Arial,Sans-Serif; font-size: 12px; color: White; padding-left: 2px; font-weight: bold; }
.InnerSearchTextBoxInput { width: 278px; text-align: left; font-family: Arial,Sans-Serif; font-size: 12px; margin: 0px 2px 7px 0px; padding-left: 2px; }
.TextBoxSearchPersonInput { width: 260px; text-align: left; font-family: Arial,Sans-Serif; font-size: 12px; padding-left: 2px; }

/*The Add missing person linkbutton CSS*/
.InnerSearchAddPersonLink { color: White; text-decoration: underline; margin-top: 5px; }

/*A line with a label and a checkbox side-by-side within the search input container*/
.InnerSearchCheckboxLabel { width: 228px; float: left; text-align: left; color: White; padding-top: 3px; padding-left: 2px; }
.InnerSearchCheckboxValue { width: 37px; float: left; text-align: right; }

.InnerSearchPersonButtonContainer { margin-top: 20px; }
.SearchPersonDropDownList { }

/* Label title for search person results*/
.InnerSearchResultsTitle { width: 271px; font-family: Arial,Sans-Serif; color: White; text-align: left; padding-left: 5px; text-decoration: underline; }
.InnerSearchResultsGridViewContainer { width: 276px; height: 360px; overflow: auto; }


/* Location search Css*/
.LocationSearchLabelContainer { width: 140px; float: left; font-family: Arial, Sans-Serif; font-size: 14px; padding: 8px 0px 0px 0px; margin-left: 10px; margin-bottom: 10px; margin-right: 5px; }
.TextBoxLocationSearch { width: 398px; font-family: Arial, Sans-Serif; font-size: 14px; }


/*-------------------------------- END AARON CSS ----------------------------------*/



/********************************* Richard ****************************************/


.Gridview_standard { color: #FFFFFF; width: 870px; }
.BgColor1 { background-color: #55517B; }
.BgColor2 { background-color: #8683A4; }
.BgColor3 { background-color: #8BABA1; }

.AssetPage_SearchBar { float: right; margin-bottom: 10px; }
.AssetPage_SearchBar_DropDown { margin-left: 10px; }

.ModalPopup_ItemContainer { clear: both; height: 20px; padding: 5px 0; }
.ModalPopup_TitleContainer { float: left; color: #333333; width: 150px; font-weight: bold; }
.ModalPopup_ValueContainer { float: left; margin-left: 10px; }

.Modal_Asset_History { color: #333333; text-align: left !important; }
.Modal_Asset_History_Header { text-decoration: underline; padding-bottom: 5px; font-weight: bold; }
.Modal_Asset_History_Row_Container { padding-top: 10px; }
.Modal_Asset_History_Date_Column { float: left; width: 150px; }
.Modal_Asset_History_LoggedBy_Column { float: left; width: 330px; }
.Modal_Asset_History_EventType_Column { float: left; width: 250px; }
.Modal_Asset_History_Description { padding: 10px 0 10px 0; border-bottom: 1px solid black; }
.Modal_Popup { text-align: left; }

/******************************* End Richard **************************************/

/******************************* New Modal Tab Container *****************************/

.Modal_Outer_Container { width: 700px; }
.Modal_Inner_Container { width: 680px; }
.Breadcrumb_Container { width: 672px; padding: 2px 2px 0px 0px; }

.Breadcrumb_Button_Container { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; padding: 8px 1px 8px 0px; border: 2px solid #E3DCDF; border-bottom: 1px none #EFEBED; background-color: #D8CFD3; }
.BreadCrumbContainer_Button_Tab1 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Aqua; border-left: 3px solid Aqua; border-right: 3px solid Aqua; padding: 8px 1px 8px 1px; background-color: #EFEBED; }
.BreadCrumbContainer_Button_Tab2 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Red; border-left: 3px solid Red; border-right: 3px solid Red; padding: 8px 1px 8px 1px; background-color: #EFEBED; }
.BreadCrumbContainer_Button_Tab3 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Yellow; border-left: 3px solid Yellow; border-right: 3px solid Yellow; padding: 8px 1px 8px 1px; background-color: #EFEBED; }
.BreadCrumbContainer_Button_Tab4 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Orange; border-left: 3px solid Orange; border-right: 3px solid Orange; padding: 8px 1px 8px 1px; background-color: #EFEBED; }
.BreadCrumbContainer_Button_Tab5 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Purple; border-left: 3px solid Purple; border-right: 3px solid Purple; padding: 8px 1px 8px 1px; background-color: #EFEBED; }
.BreadCrumbContainer_Button_Tab6 { float: left; width: 90px; margin: 0px 5px 0px 0px; text-align: center; border-top: 3px solid Green; border-left: 3px solid Green; border-right: 3px solid Green; padding: 8px 1px 8px 1px; background-color: #EFEBED; }

.Tab_Container_Outer { background-color: #EFEBED; border: 1px solid #E3DCDF; border-top: 0px none #000000; width: 672px; margin: 0px 0px 0px 0px; padding: 25px 0px 0px 0px; }
.Tab_Container { text-align: left; height:250px;}
.Navigation_Button_Container { width: 670px; background-color: #D8CFD3; }
.Navigation_Button { float: right; border: 1px solid #00748f; height: 35px; width: 100px; padding: 0px 3px 0px 0px; color: #fafafa; background-color: #0483a0; cursor: hand; }
.Button_Left_Container { float: left; width: 110px; text-align: left; background-color: #D8CFD3; }
.Button_Right_Container { float: left; width: 110px; margin-left: 440px; text-align: right; padding: 0px 0px 0px 0px; background-color: #D8CFD3; }

.Breadcrumb_Button { font-family: Arial, Sans-Serif; font-size: 14px; border-style: none; background-color: #FFFFFF; width: 80px; text-align: center; cursor: pointer; background-color: transparent; }

.Breadcrumb_Button_Close_Container { float: left; width: 60px; margin: 0px 5px 0px 0px; text-align: center; padding: 8px 1px 8px 0px; border: 2px solid #E3DCDF; border-bottom: 1px none #EFEBED; background-color: #0483a0; }
.Breadcrumb_Button_Close { font-family: Arial, Sans-Serif; font-size: 14px; border-style: none; color:#FFFFFF; width: 40px; text-align: center; cursor: pointer; background-color:transparent; }
/******************************  New Modal tab controls ******************************/
/* Containers */
.Content_Container { width: 600px; }
.Title_Container { }
.Row_Container { width: 596px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 5px; }
.Label_Container { float: left; width: 169px; font-family: Arial, Sans-Serif; font-size: 14px; padding: 0px 0px 0px 10px; }
.Field_Container { float: left; width: 280px; font-family: Arial, Sans-Serif; font-size: 14px; }
.Button_Container { float: left; width: 120px; font-family: Arial, Sans-Serif; font-size: 14px; }
.Notes_Container { font-family: Arial, Sans-Serif; font-size: 14px; width: 580px; margin: 0px 0px 0px 10px; }
.CheckBox_Row_Container { width: 596px; border: 1px solid #EFEBED; }
.CheckBox_Container_Left { float: left; width: 296px; padding-left: 30px; border: 1px solid #EFEBED; }
.CheckBox_Container_Right { float: left; width: 260px; border: 1px solid #EFEBED; }
.Category_Container { width: 596px; }
.Category_DropDown_Container { width: 596px; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 20px; }
.Category_DropDown_Left_Container { float: left; width: 236px; padding-top: 2px; }
.Category_DropDown_Right_Container { float: left; width: 236px; padding-top: 2px; }
.CategoryGridviewContainer { }
.Gridview_Container{margin-left:20px; float:left; width: 400px; }

/* Controls */
.TextBox_Modal { padding: 0px 5px 0px 5px; width: 296px; font-family: Arial, Sans-Serif; font-size: 14px; }
.DropDownList_Modal { width: 296px; padding: 0px 5px 0px 5px; font-family: Arial, Sans-Serif; font-size: 14px; }
.DropDownList_Categories { width: 230px; font-family: Arial, Sans-Serif; font-size: 14px; }
.Calendar_Modal { width: 196px; padding: 0px 5px 0px 0px; }
.TextBox_Notes { width: 560px; height: 150px; font-family: Arial, Sans-Serif; font-size: 14px; margin: 0px 0px 0px 10px; }
.CheckBox_Label { float: left; width: 146px; font-family: Arial, Sans-Serif; font-size: 14px; }
.CheckBox_Field { float: left; width: 100px; font-family: Arial, Sans-Serif; font-size: 14px; }
.Button_Add_Category { border: 1px solid #00748f; width: 100px; padding: 2px 10px 2px 10px; margin-left: 5px; color: #fafafa; background-color: #6E5992; cursor: hand; }


.Categories_Gridview_Title{width:400px; font-family:Arial, Sans-Serif; font-size:14px; margin-bottom:5px;}
/**************************     Modal Search Person       ************************/

.Modal_All{width:650px; padding:10px 10px 10px 10px; background-color:#D5D3E2;}
.Modal_Row{width:630px; margin:5px 0px 5px 0px;text-align:left;}

.TextBox_Container{float:left;width:500px;}
.TextBoxSearch { width:480px; font-family: Arial, Sans-Serif; font-size: 14px; border: 1px solid #ccc; color:#000000;}
.TextBoxSearchActive{width: 380px; font-family: Arial, Sans-Serif; font-size: 16px; border: 1px solid #FACC2E; color:#000000;}
.TextBoxSearchWatermark{width: 380px; font-family: Arial, Sans-Serif; font-size: 16px; border: 1px solid #ccc; color:#BDBDBD;}

.SearchButton_Container{float:left;width:130px;}
.ButtonSearch { border: 1px solid #00748f; width: 100px; padding: 0px 3px 0px 0px; color: #fafafa; background-color: #0483a0; cursor: hand; }

.Option_Label_Container{float:left;width:150px;}
.Option_Container{float:left;width:150px;}

.ResultsLabel_Container{float:left;}

/***********************      Modal Audit      *******************************/
.ModalContainer{width:550px; padding:10px 10px 10px 10px; background-color:#D5D3E2;}
.AuditContainer{font-family:Arial, Sans-Serif; font-size:14px;text-align:left;width:550px;}
.AuditTitle{font-family:Arial, Sans-Serif; font-size:16px; text-align:left; margin-bottom:20px; font-weight:bold;}
.AuditRow{width:500px;margin-bottom:5px;margin-bottom:10px;}
.AuditLabel{float:left;width:200px;padding:1px 0px 0px 15px;}
.AuditField{float:left;width:200px;}
.AuditActionsContainer{}
.ButtonContainer{}
.TextBoxActions{width:300px;font-family:Arial, Sans-Serif; font-size:12px;height:90px;}
.DropDownListOutcomes{width:200px;font-family:Arial, Sans-Serif; font-size:12px;}
.TextBoxCompletedBy{width:200px;font-family:Arial, Sans-Serif; font-size:12px;}
.TextBoxDateCompleted{width:200px;font-family:Arial, Sans-Serif; font-size:12px;}
.ButtonContainer{text-align:right;padding:10px;}
.ButtonAuditSave{ border: 1px solid #00748f; width: 100px; padding: 0px 3px 0px 0px; color: #fafafa; background-color: #0483a0; cursor: hand; float:right; margin-top:10px;}

/************* Gridview styles ************/
.GridViewHeader{background-color:#6E049F;  Color:White; Font-Size:12px;font-family:Arial, Sans-Serif;}
.GridViewRowStyle{background-color:#D5D3E2; color:#0D0D0D;  Font-Size:12px; font-family:Arial, Sans-Serif;}
.GridViewSelectedRowStyle{background-color:#E2DED6; font-weight:bold; color:#333333; Font-Size:12px;}
.GridViewAlternatingRowStyle{background-color:#FFFFFF; color:#000000; Font-Size:12px; font-family:Arial, Sans-Serif;}
.Field_GridView_Container{float: left; width: 350px; font-family: Arial, Sans-Serif; font-size: 12px; }
.ColumnStyle{margin:0px 5px 0px 0px;padding:0px 5px 0px 5px;}   

/***************  Default page stying ***************/
#SearchBoxContainer{width:890px;}
#SearchResultsContainer{}
#FilterBoxContainer{width:890px;}
#SearchResultsContainer{width:890px; margin:10px 0px 0px 0px;}
#SearchLabelDisplay{font-family:Arial, Sans-Serif; font-size:12px;}
#TextBoxSearch{font-family:Arial, Sans-Serif; font-size:12px;width:300px;margin-right:10px;}
#TextBoxSearchContainer{width:500px;float:left;font-family:Arial, Sans-Serif; font-size:12px;}
#NewAssetButtonContainer{width:300px; float:left;}

.FilterOption{width:200px; float:left; margin:0px 5px 0px 0px;}      
.ButtonDefault{ border: 1px solid #00748f; width: 100px; padding: 0px 3px 0px 0px; color: #fafafa; background-color: #0483a0; cursor: hand;}       